﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MainMaster.Master" AutoEventWireup="true"
    CodeBehind="EasyTab.aspx.cs" Inherits="EasyUI.Controls.SimpleTab" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>SimpleTab Control</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="controlHeader">
        SimpleTab Control</div>
    <div>
        <div class="controlDemo">
            <span>Demo:</span>
            <div class="easyTab" style="width: 650px;">
                <span>Button Demo</span>
                <div>
                    <div style="background-color: red;width:80px;height:80px;color:Blue;">测试文字</div>
                    <input type="button" value="ShortButton" class="easyButton" />
                </div>
                <span>Table Demo</span>
                <div>
                    <table class="easyShowTable easyTableFooter" style="width: 50%;">
                        <thead>
                            <tr>
                                <th>
                                    Id
                                </th>
                                <th>
                                    Name
                                </th>
                                <th>
                                    Description
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    001
                                </td>
                                <td>
                                    a
                                </td>
                                <td>
                                    2009/01/14
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    002
                                </td>
                                <td>
                                    b
                                </td>
                                <td>
                                    2009/10/10
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    003
                                </td>
                                <td>
                                    c
                                </td>
                                <td>
                                    2009/10/11
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <span class="easyTabCurrentFunc">TextBox Demo</span>
                <div>
                    Please input your name:
                    <input type="text" class="easyTextbox" style="width: 200px; height: 22px;" watermark="Please input your name" />
                    good!
                </div>
                <span>TextArea Demo</span>
                <div>
                    <textarea class="easyTextArea" style="width: 200px; height: 200px;"></textarea>gfgf
                </div>
            </div>
        </div>
        <div class="controlDemo">
            <span>Demo 2:</span>
            <div class="easyTab easyTabAutoHeightFunc" style="width: 650px;">
                <span>Button Demo</span>
                <div>
                    <input type="button" value="ShortButton" class="easyButton" />
                </div>
                <span>Table Demo</span>
                <div>
                    <table class="easyShowTable easyTableFooter" style="width: 50%;">
                        <thead>
                            <tr>
                                <th>
                                    Id
                                </th>
                                <th>
                                    Name
                                </th>
                                <th>
                                    Description
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    001
                                </td>
                                <td>
                                    a
                                </td>
                                <td>
                                    2009/01/14
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    002
                                </td>
                                <td>
                                    b
                                </td>
                                <td>
                                    2009/10/10
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    003
                                </td>
                                <td>
                                    c
                                </td>
                                <td>
                                    2009/10/11
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <span class="easyTabCurrentFunc">TextBox Demo</span>
                <div>
                    Please input your name:
                    <input type="text" class="easyTextbox" style="width: 200px; height: 22px;" watermark="Please input your name" />
                    good!
                </div>
                <span>TextArea Demo</span>
                <div>
                    <textarea class="easyTextArea" style="width: 200px; height: 200px;"></textarea>gfgf
                </div>
            </div>
        </div>
        <div class="controlDemo">
            <span>Source Code: </span>
            <script type="syntaxhighlighter" class="brush:html"><![CDATA[   
            <div class="easyTab" style="width: 650px;">
                <span class="easyTabCurrentFunc">TAB1</span>
                    <div>
                    Content of TAB1
                    </div>
                <span>TAB2</span>
                    <div>
                    Content of TAB2
                    </div>
            </div>
            ]]></script>
        </div>

        <div class="controlDemo">
            <span>Source Code 2: </span>
            <script type="syntaxhighlighter" class="brush:html"><![CDATA[   
            <div class="easyTab easyTabAutoHeightFunc" style="width: 650px;">
                <span class="easyTabCurrentFunc">TAB1</span>
                    <div>
                    Content of TAB1
                    </div>
                <span>TAB2</span>
                    <div>
                    Content of TAB2
                    </div>
            </div>
            ]]></script>
        </div>
        <div class="controlDemo">
            <span>How to use:</span>
            <ol>
                <li>Add base files to your page: reset.css; core.css; core.js. <a href='#'>[DownLoad]</a>
                </li>
                <li>Apply class [roundDiv] to your button</li>
            </ol>
        </div>
        <div class="controlDemo">
            <span>Note</span>
            <ol>
                <li>Base on JQuery <a href='#'>[DownLoad]</a></li>
                <li>Browser: IE7.0+; Fiefox2.0+; Opera9.0+</li>
                <li>OS: Windows; Mac; Linux</li>
            </ol>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptPlaceHolder" runat="server">
</asp:Content>
